<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获奖与感悟</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入图标字体库 -->
    <link rel="stylesheet" href="./font-x/css/all.min.css">
    <!-- 引入less样式编译 -->
    <link rel="stylesheet" href="./My-sty/perception.css">
</head>
<body>
    <!-- 创建顶部导航外围容器 -->
    <div class="inspiration-wrapper">
        <!-- 内部容器 -->
        <div class="inspiration-nav w">
            <!-- 导航容器 -->
            <ul class="navflex">
                <li><a href="index.html">千寻首页</a></li>
                <li><a href="#">剧情简介</a></li>
                <li><a href="#">人物简介</a></li>
                <li><a href="#">精彩剧照</a></li>
                <li><a href="#">获奖记录</a></li>
                <li><a href="#">热门影评</a></li>
                <li><a href="#">影片意义</a></li>
            </ul>
        </div>
    </div>

    <!-- 创建主体外围容器 -->
    <div class="subject-wrapper">
        <!-- 创建内部居中容器 -->
        <div class="middle-wrapper w">
            <!-- 创建主图容器 -->
            <div class="mainpicture-img clearfix">
                <img src="./project-img/1.jpg" alt="">

                <!-- 轮播点 -->
                <div class="Carousel">
                    <a class="a1" href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                </div>
            </div>

            <!-- 主页内容盒子 -->
            <div class="content-inspiration">
                <!-- 上部标题容器 -->
                <h1 class="tit">千与千寻获奖与感悟</h1>
                <!-- 下部第一个盒子 -->
                <div class="prize-bar1">
                    <!-- 左部图片容器 -->
                    <div class="picture">
                        <img src="./project-img/1.jfif" alt="">
                    </div>
                    <!-- 右部文字内容 -->
                    <div class="con">
                        <h1>获奖记录</h1>
                        <p>《千与千寻》获奖记录 影片在全球范围内得奖无数，曾获第52届柏林电影节金熊奖、第75届奥斯卡金像奖最佳动画长片，这也是迄今首部及唯一一部同时斩获奥斯卡与柏林金熊奖的影片。</p>
                        <h2>了解更多<i class="fas fa-angle-right"></i></h2>
                    </div>
                </div>
                <!-- 第二个内容盒子 -->
                <div class="prize-bar1">
                    <!-- 左部图片容器 -->
                    <div class="last">
                        <img src="./project-img/5.jpg" alt="">
                    </div>
                    <!-- 右部文字内容 -->
                    <div class="con-re">
                        <h1>热门影评</h1>
                        <p>《千与千寻》是一部献给孩子亦是大人的童话，故事乍看之下虽简单而抽象，但在千寻身上所饱含的坚强与执着不乏人性的光芒，透过与日本文化的结合，在那与与父母间的情亲和小白朦胧间的友谊之爱中给予了观众最为真挚质朴的感动，使其营造的光影之梦是如此的卓尔不凡，这部电影无疑是宫崎骏个人所见最为出色的一部巅峰大成之作，让人很难在找到一部电影能与之并肩。</p>
                        <h2>了解更多<i class="fas fa-angle-right"></i></h2>
                    </div>
                </div>
                <!-- 第三个内容盒子 -->
                <div class="prize-bar1">
                    <!-- 左部图片容器 -->
                    <div class="picture">
                        <img src="./project-img/7.jpg" alt="">
                    </div>
                    <!-- 右部文字内容 -->
                    <div class="con">
                        <h1>影片意义</h1>
                        <p>吉卜力工作室制作人铃木敏夫认为，在酒店工作的女性，就算原本是个性害羞的也会在为了得到金额报酬的情况下；而不断提升接待男性客户时的沟通能力，而前往酒店的男性也同样地会与和酒店女郎的互动之下，改变自己的沟通方式。
                            这个想法给了宫崎骏一个灵感，想出让一个原本骄宠的女孩突然闯入到不知名的世界，为了生存而不得已和各种形形色色的人物互动，因而提升自己待人处事能力的故事。</p>
                        <h2>了解更多<i class="fas fa-angle-right"></i></h2>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部导航容器 -->
        <div class="pendulumclock-wrapper">
            <!-- 内部容器 -->
            <div class="pend-box">
                <div class="pend-box1">
                    <a href="index.html">首页</a>
                </div>
                <div class="pend-box2">
                    <a href="inspiration.html">上一页</a>
                </div>
                <div class="pend-box3">
                    <a href="aestheticism.html">下一页</a>
                </div>
            </div>
        </div>
</body>
</html>